$(function(){
    $("#ModalNeoUsu").dialog({
        autoOpen: false,
        width: 800,
        height: 400,
        buttons: {
            "Grabar": function() {
                insertar();
            },
            "Cancelar": function() {
                $("#ModalNeoUsu").dialog("close");
            }
        },
        modal: true
    });
    $("#ModalEdiUsu").dialog({
        autoOpen: false,
        width: 800,
        height: 400,
        buttons: {
            "Grabar": function() {
                insertar();
            },
            "Cancelar": function() {
                $("#ModalEdiUsu").dialog("close");
            }
        },
        modal: true
    });
    
    $("#btnNuevoUsu").click(function(){
        $("#ModalNeoUsu").dialog("open");
        listarSexo("lstEstadoUsu","Seleccione");
    });
    
    $("#btnBuscarUsu").click(function(){
        
    }).button();
    
    $("#btnLimpiarUsu").click(function(){
        
    }).button();
    
    buscar();
});

var buscar = function() {

    var vlogin = $("#txtUsuarioSearch").val();
    var vnombre = $("#txtNombreCompletoSearch").val();
    var vurli='ajax/ajaxUsuario.php?opc=bus&nd='+new Date().getTime()+'&login='+vlogin+'&nombre='+vnombre;
    
    var usuario = {
        opc:"bus",
        login: $("#txtUsuarioSearch").val(),
        nombre: $("#txtNombreCompletoSearch").val()
    };
    $("#grid").jqGrid("clearGridData", true);
    $("#grid").jqGrid('setGridParam',{url:vurli,datatype:'json',mtype: 'POST',postData:usuario}).trigger('reloadGrid');
    
    jQuery("#grid").jqGrid({
        url:vurli,
        datatype: "json",
        mtype: 'POST',
        postData:usuario,
        colNames: ['Codigo Usuario','Login', 'Cargo','Estado','Codigo Persona','Nombre','Sexo','Fecha de Nacimiento','DNI','Direccion','E-mail'],
        colModel: [
                    {name: 'usu_codigo',index: 'usu_codigo',width: 100,sorttype:"string",hidden:true},
                    {name: 'usu_login',index: 'usu_login',width: 100,sorttype:"string"},
                    {name: 'usu_cargo',index: 'usu_cargo',width: 100,sorttype:"string"},
                    {name: 'usu_estado',index: 'usu_estado',width: 100,sorttype:"string"},
                    {name: 'per_codigo',index: 'per_codigo',width: 100,sorttype:"string",hidden:true},
                    {name: 'per_sexo',index: 'per_sexo',width: 100,sorttype:"string"},
                    {name: 'per_nombre_completo',index: 'per_nombre_completo',width: 100,sorttype:"string"},
                    {name: 'per_fecha_nacimiento',index: 'per_fecha_nacimiento',width: 100,sorttype:"string"},
                    {name: 'per_dni',index: 'per_dni',width: 100,sorttype:"string"},
                    {name: 'per_direccion',index: 'per_direccion',width: 100,sorttype:"string"},
                    {name: 'per_email',index: 'per_email',width: 100,sorttype:"string"}
                  ],
        rowNum:10,
   	rowList:[10,20,30],
   	pager: '#pager',
   	sortname: 'id',
        viewrecords: true,
        sortorder: "desc",
        multiselect: true,
        multiSort:true,
        width: "1200",
        height: "180",
        caption: "Usuario"
    }).navGrid("#pager", {
        edit: false,
        add: false,
        search: false,
        del: false
    });
};